<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>这是a.html</h1>
  <!-- 在a页面中嵌套b页面，就可以通过iframe -->
  <iframe src="http://localhost:4000/b.html" frameborder="0" id="frame"></iframe>
  <script>
    let frame = document.getElementById('frame');
    frame.onload = function () {
      // 获取frame标签中的window, 在a页面给b页面发送消息
      frame.contentWindow.postMessage('在a页面给b页面发送消息', 'http://localhost:4000');
      // 获取b页面的消息
      window.onmessage = function (e) {
        console.log(e)
        console.log(e.data)
      }
    }
  </script>
</body>
</html>